/* 页面居中容器 */
.login-container {
    display: flex;
    justify-content: center;
    /*水平居中子元素*/
    align-items: center;
    /*垂直居中子元素*/
    min-height: 100vh;
    /*最小高度为视口高度，确保占满整个屏幕高度*/
    width: 100%;
    /*宽度占满父容器 宽度占满父容器*/
}

/* 登录表单样式 */
/* 登录表单容器 */
.a {
    /*background: white;*/
    background: rgba(255, 255, 255, 0.75);
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    text-align: center;
    width: 100%;
    max-width: 400px;
}

/* 保持原有的样式 */
.title {
    font-size: 20px;
    color: black;
    font-style: normal;
    width: 100%;
    padding: 8px;
    margin: 5px 0;
    box-sizing: border-box;
}

* {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 0;
}


/* 页面居中容器 */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    /*//水平居中*/
    align-items: center;
    /*//垂直居中*/
    /*background-color: #f5f5f5;*/

        background: rgba(255, 255, 255, 100); /* 白色背景，80% 不透明度 */



}
/*margin: 0 和 padding: 0: 清除默认边距*/
/*min-height: 100vh: 确保body至少占满整个视口高度*/
/* display: flex: 启用弹性布局*/
/* justify-content: center 和 align-items: center: 实现水平和垂直居中*/